{% extends "base.html" %}

{% block title %}Status{% endblock %}
{% block status %}class="active"{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                <img src="/static/image/Kungfupanda.jpg" class="img-responsive img-thumbnail">
            </div>
            <div class="col-md-10">
                <h1 style="font-size:70px">Po</h1>
                <p style="font-size:50px">I'm the dragon warrior! I fight with the furious five! We protect the peace of the valley.</p>
                <div class="col-md-8">
                    <img src="/static/image/Po2.jpg" class="img-responsive">        
                </div>
                <div class="col-md-12">
                    <p style="float:left; color:gray; font-size:30px">1 day ago</p>
                    <button style="float:right;background-color:gray" class="btn btn-default"><span class="glyphicon glyphicon-option-horizontal" aria-hidden="true" style="color:white"></span></button>
                </div>
                <div class="col-md-12" style="background-color:gray; padding-top:20px">
                    <p style="font-size:30px"><span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span> Monkey, Serpent</p>                   
                    <hr>
                    <p style="font-size:30px">Monkey: Great!</p>
                    <p style="font-size:30px">Po@Monkey: Thanks!</p>

                </div>

            </div>
        </div>        
        <hr>
    </div>
{% endblock %}